'use client'
import React from 'react'
import UseClientWH from "@/app/Hooks/useClientWH";

const HomepageVideo = () => {
  const {clientWidth} = UseClientWH()

  return clientWidth && clientWidth * 1 > 1024 ? <div className="w-dvw h-dvh  relative overflow-hidden">
      <video autoPlay muted loop controls={false}
             className="absolute top-0 left-0 right-0 bottom-0 object-cover w-full h-full">
        <source src="/images/5294c11cb3ed6be81d6f855f42b0bfb8.webm" type="video/webm"/>
        您的浏览器不支持HTML5视频标签。
      </video>
    </div> :
    <div className="w-dvw h-dvh  relative overflow-hidden  ">
      <img src="/images/mobile_banner.jpg" className="h-full object-cover w-full "/>
      <img src="/images/bannar@2x-GZsFMW3y.png"
           className="w-[25%] absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 "/>
    </div>
}

export default HomepageVideo